<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	<title>{{posts.title}}</title>
	<link rel="stylesheet" type="text/css" href="/static/css/style.css">
</head>
<body>
<!--导航栏，公共页面可以使用 {( 模板路径引进来 )} -->
{(index/header.html)}
<!--导航栏-->

	<div class="g-bd f-cb">
		<div class="g-mn">

			<div class="app-scrap">
				<div class="app-big-icon">
					<img src="/images/posts-pic.jpeg" width="50px" height="50px">
				</div>
				<h1 class="u-tt">{{posts.title}}</h1>
				<span class="p-time">发布时间：{{os.date("%Y-%m-%d %H:%M:%S", posts.pubtime)}} ---</span>
				<span class="click-times">点击数：{{posts.click}}人次</span>
			</div>
			<div class="app-content">
				<p>
					<img src="{{posts.litpic}}" />
				</p>
				<!--如果想要解析html必须 必须使用 {* html内容 *}  -->
				{*posts.content*}
			</div>

			<!-- 评论展示区域 -->
			<div class="msgpanel">
				<div class="mtitle">
					<h3 class="u-tt u-tt-lg f-fwn">网友评论</h3>
				</div>
				<div class="msgbox">
					<p>
						<span><img src="http://tp2.sinaimg.cn/2309743985/180/5641038029/1" width="30px" height="30px" /></span>
						<span class="u-tt-lg">Roc_shang</span>
						<span class="u-tt-lg" style="float:right;">2016-05-15 11:41</span>
					</p>
					<div class="msgtext">
						<div class="quote-icon"></div>
						<div class="quote-text"><p>这里显示的是用户的评论留言信息，这里显示的是用户的评论留言信息，这里显示的是用户的评论留言信息。</p></div>
						<div class="rotate-quote-mark"></div>

					</div>
				</div>

				<div class="msgbox">
					<p>
						<span><img src="http://tp2.sinaimg.cn/2309743985/180/5641038029/1" width="30px" height="30px" /></span>
						<span class="u-tt-lg">Roc_shang</span>
						<span class="u-tt-lg" style="float:right;">2016-05-15 11:41</span>
					</p>
					<div class="msgtext">
						<div class="quote-icon"></div>
						<div class="quote-text"><p>这里显示的是用户的评论留言信息，这里显示的是用户的评论留言信息，这里显示的是用户的评论留言信息。</p></div>
						<div class="rotate-quote-mark"></div>

					</div>
				</div>

			</div>

		        
		</div>
		<div class="g-sd">

		    <div class="hot-app">
		    	<h3 class="u-tt u-tt-lg f-fwn">热门文章</h3>
		    	<ul>
		    		<li>
		    			<div class="app-icons">
		    				<a href="#" target="_blank"><img alt="" src="/images/posts-pic.jpeg"></a>
		    			</div>
		    			<a class="hot-app-link" href="#">Heyday—记下你的每一个脚印</a>
		    		</li>
					<li>
						<div class="app-icons">
							<a href="#" target="_blank"><img alt="" src="/images/posts-pic.jpeg"></a>
						</div>
						<a class="hot-app-link" href="#">基于openresty框架vanilla</a>
					</li>
		    	</ul>

		    </div>

		</div>
	</div>
</body>
</html>